/* CSS Guideline to style rokbox */
/* When adding your own theme, make sure to replace "sample" with your theme name */
/* use lowercase characters and no spaces. For example, we name our theme "mytheme" */
/* we replace every "rokbox-sample" with "rokbox-mytheme" */

/* Wrapper, the very outside container of rokbox */
#rokbox-wrapper.rokbox-sample {
	background: #fff;
	padding: 1em;
}

/* clr class is a clearing div added as last element into the wrapper */
#rokbox-wrapper .clr { }

/* Close button */
#rokbox-close { }
#rokbox-close span { } /* text wrapper, useful to set as display none when using images */

/* Table for border look and feel */
#rokbox-top.rokbox-left { }
#rokbox-top .rokbox-right { }
#rokbox-top .rokbox-center { }

#rokbox-middle.rokbox-left { }
#rokbox-middle .rokbox-right { }
#rokbox-middle .rokbox-center { }

#rokbox-bottom.rokbox-left { }
#rokbox-bottom .rokbox-right { }
#rokbox-bottom .rokbox-center { }

/* Object/Image container */
#rokbox-wrapper.rokbox-sample #rokbox-container { }

/* Spinner class that gets added when loading content and removed when loaded */
#rokbox-wrapper.rokbox-sample #rokbox-container.spinner { }

/* Arrows wrapper  (for previous and next when visible) */
#rokbox-wrapper.rokbox-sample #rokbox-arrows {
	position: absolute;
	bottom: 5px;
	right: 1em;
}

/* Previous arrow and its text span */
#rokbox-wrapper.rokbox-sample #rokbox-arrows #rokbox-previous { }
#rokbox-wrapper.rokbox-sample #rokbox-arrows #rokbox-previous span { } /* text wrapper, useful to set as display none when using images */
#rokbox-wrapper.rokbox-sample #rokbox-arrows #rokbox-previous.inactive { } /* inactive class is added to the button when there's no previous link */

/* Next arrow and its text span */
#rokbox-wrapper.rokbox-sample #rokbox-arrows #rokbox-next { }
#rokbox-wrapper.rokbox-sample #rokbox-arrows #rokbox-next span { } /* text wrapper, useful to set as display none when using images */
#rokbox-wrapper.rokbox-sample #rokbox-arrows #rokbox-next.inactive { } /* inactive class is added to the button when there's no next link */

/* Captions wrapper and titles and descriptions */
#rokbox-wrapper.rokbox-sample #rokbox-caption { }
#rokbox-wrapper.rokbox-sample #rokbox-caption h2 { /* titles */
		margin: 10px 0 3px;
		padding: 0;
		color: red;
		font-size: 15px;
		font-weight: bold;
} 
#rokbox-wrapper.rokbox-sample #rokbox-caption p { /* description */
		margin: 0; 
		padding: 5px 0;
		color: black;
		font-size: 13px;
}